
<%@include file="Conectar.jsp" %>
<%@page import="java.sql.ResultSet"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Pet Social</title>
         <link rel="stylesheet" type="text/css" href="css/geral.css">
          <link rel="stylesheet" type="text/css" href="css/index.css">
          
          <style>
            
#busca{
    width:400px;
    height:40px;
    border: 1px solid blueviolet;
}
#Encontrar{
   height:44px;
   border:1px solid blueviolet;
   background-color:navy;
   color:white;
   
   font-family:monospace;
}
          #tabela2{ 
			position:relative;
			float:left;
			left:0px;
			width:100%;
			top:120px;
			text-align:center;
			
			}
                        
                         .alinhamento{
                            text-align:justify;
                             background-color:whitesmoke;
                        }
                        #meusanimais{
                          font-family:monospace;
                           font-size:20px;
                           color:darkgreen;
                           text-align:justify;  
                        }
                        .tdcor{
                            background-color:whitesmoke;
                        }
                        #historico{
                           font-family:monospace;
                           font-size:14px;
                           color:blue;
                           text-align:center;
                           
                        }
                         #txt{
                  border:0px;
                  color:white;
                  width:1px;
              }
              .labelusuario{
                            font-family:sans-serif;
                            font-weight: bold;
                            font-size:12px;
                            color:navy;
                        }
                        #tabelaFiltro{
                            position:absolute;
                            float:left;
                            left:0;
                            top:30px;
                            width:100%;
                            text-align:center;
                        }
                        
                        .direita{
                            text-align:right;
                        }
                        .esquerda{
                            text-align:left;
                        }
                        #s{
                            position:relative;
                            float:left;
                            left:60px;
                            top:15px;
                        }
                        #areaTexto{
                            width:700px;
                        }
                        
                        #l{
                            
                            
                            color:deeppink;
                        }
          </style>
          <script type="text/javascript">
            function  tamanhoSenha(){
                var senha= document.getElementById('inputSenha').value;
                var i=0;
                
                    if(senha.length <8){
                        
                        alert('A senha deve conter no mínimo oito caracteres');
                    }
                
            }
            
            function checaBusca(){
                var busca =  document.getElementById('busca').value;
                
                if(busca.length <1){
                    alert('É preciso digitar algo no campo de busca ');
                }
                
                if(document.getElementById('g').checked==false && document.getElementById('c').checked==false){
                    alert('É preciso escolher  Gato ou Cachorro ');
                }
                 if(document.getElementById('s').checked==false && document.getElementById('f').checked==false){
                    alert('É preciso escolher  Fêmea ou Macho ');
                }
            
    }
         </script>
    </head>
     <body >
   <img id="esquerda" src="img/esquerdo.jpg"/>
   <img id="direita" src="img/direito.jpg"/>
        
	  <div id="barraMenu">
             <label id="pet">pet</label> <label id="social">Social</label>
              <div id="identidade">
                  
                  <table  id="tabela" border="0"  >
                               
                              
                      <form action="login.jsp" method="post" name="loginSenha">
                          
                          
                               <tr><td class="tds" colspan="3" >
                                       
                                       <label class="fonteLogin">Login:</label><input type="email" id="emailInput"  class="text" name="TXTEMAIL"  maxlength="50" /></td>
                                   <td><label class="fonteLogin">Senha:</label><input type="password" id="inputSenha"  class="text" name="TXTSENHA" onblur="tamanhoSenha()" maxlength="10" /></td>
                                   <td> <input type="submit" id="inputBtn" value="Entrar"  ></td> </tr>
                      </form>
			   
			   
                           </table>
                   <a href="cadastroUsuario.jsp" id="cadastre">Cadastre-se</a>
              </div>
              
          </div> 
	    <!-- div que limita o tamanho do corpo do documento em 1024 X 768-->
	   <div id="corpo">
              
		
	      <form action="" method="post" id="form" >
                  <table border="0" id="tabelaFiltro">
                                           
                      <tr><td class="direita"><img id="fotoGato" src="img/gato.png"/><input type="radio" name="TXTTIPO" value="Gato" id="g"></td><td class="esquerda"><img id="fotoCahorro" src="img/cachorro.png"/><input type="radio" name="TXTTIPO" value="Cachorro" id="c"></td></tr>
                                           <tr><td class="direita"><img id="fotoFemea" src="img/femea.jpg"/><input type="radio" name="TXTSEXO" value="Feminino" id="f"></td><td class="esquerda"> <img id="fotoMacho" src="img/macho.jpg"/><input type="radio" name="TXTSEXO" value="Masculino" id="s"> </td></tr>
                                           <tr><td colspan="2">  <input type="text" name="TXTBUSCA" id="busca" maxlength="600"><input type="submit" value="Buscar" id="Encontrar" onclick="checaBusca()"></td></tr>
                                       </table>
              
               
            
              
              
              
               </form><br><br>	 
			 
               <%
                   String busca=request.getParameter("TXTBUSCA");
                   String tipo=request.getParameter("TXTTIPO");
                   String sexo=request.getParameter("TXTSEXO");
                   if(!"".equals(request.getParameter("TXTBUSCA"))&&busca!=null ){
                                    try{
                   String qry="SELECT * FROM petsocial.animal WHERE (TIPO='"+tipo+"' AND SEXO='"+sexo+"') AND HISTORICO like '%"+busca+"%'  ";
                    
                   
                   ResultSet rs=sql.executeQuery(qry);
                    boolean result=true;
                    
                   while(rs.next()){
                         out.print("<table border=0 id='tabela2'>"+
                           
                            "<tr><td  colspan='1' class='alinhamento'><a href='cadastroUsuario.jsp' id='adotarTexto' ><label id='l'>Cadastre-se para adotar</label></a><input type='text' value="+rs.getString("ID_ANIMAL")+" name='TXTID' id='txt'>"+ "</td>"+"<td  colspan='3' id='historico'><textarea cols='0' rows='5' id='areaTexto'  maxlength='144' >"+ rs.getString("HISTORICO") + "</textarea></td></tr>"+
                             "<tr><td class='alinhamento' > <label class='labelusuario'>Sexo: </label>"+ rs.getString("SEXO")+ "</td>"+"<td class='tdcor'><label class='labelusuario'>Raça: </label>"+ rs.getString("RACA") + "</td class='tdcor'>"+"<td class='tdcor'><label class='labelusuario'>Idade: </label>"+ rs.getString("IDADE") + "</td>"+"<td class='tdcor'><label class='labelusuario'>Cor: </label>"+ rs.getString("COR") + "</td></tr>"+
                            "<tr><td  colspan='4' class='alinhamento'><label class='labelusuario'>Descrição das Vacinas: </label>"+ rs.getString("DESC_VACINAS") + "</td></tr>"+
                             "<tr><td  colspan='4'class='alinhamento'><label class='labelusuario'>Descrição das Doenças: </label>"+ rs.getString("DESC_DOENCAS") + "</td></tr>"+
                            "<tr><td  colspan='4'class='alinhamento'><label class='labelusuario'>Descrição das Deficiências: </label>"+ rs.getString("DESC_DEFICIENCIAS") + "</td></tr>"+
                            
                             "</table><br>" );
		   
                       
                      
                   }
               }catch(Exception e){
                   
               }
                     }
	       %>
		     
			 
			 
	   		 
	   </div>
	   
   </body>
</html>
